<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>社区</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
    <div class="left">猫咪V</div>
    <div class="middle">
        <div class="search"></div>
        <div class="text">请输入搜索内容</div>
    </div>
    <div class="right"></div>
</header>

<nav>
    <div class="nav-left">养宠心得</div>
    <div class="nav-right">萌宠之家</div>
</nav>

<div class="content">
    <div class="box aa">
        <div class="img-wrapper">
            <div class="img"></div>
        </div>
        <div class="text">饮食安全</div>
    </div>
    <div class="box">
        <div class="img-wrapper">
            <div class="img"></div>
        </div>
        <div class="text">饮食安全</div>
    </div>
    <div class="box">
        <div class="img-wrapper">
            <div class="img"></div>
        </div>
        <div class="text">饮食安全</div>
    </div>
    <div class="box bb">
        <div class="img-wrapper">
            <div class="img"></div>
        </div>
        <div class="text">饮食安全</div>
    </div>

</div>
<div class="banner-1">
    <div class="left-img"></div>
    <div class="right-content">
        <div class="text-content">
            <div class="text-left">星言家</div>
            <div class="text-right">点赞  168</div>
        </div>
        <div class="text-2">家庭伦理剧之喵的相处</div>
        <div class="text-3">有时候想给猫咪找个伴</div>
    </div>
</div>



<div class="banner-1">
    <div class="left-img"></div>
    <div class="right-content">
        <div class="text-content">
            <div class="text-left">星言家</div>
            <div class="text-right">点赞  168</div>
        </div>
        <div class="text-2">家庭伦理剧之喵的相处</div>
        <div class="text-3">有时候想给猫咪找个伴</div>
    </div>
</div>




<div class="banner-1">
    <div class="left-img"></div>
    <div class="right-content">
        <div class="text-content">
            <div class="text-left">星言家</div>
            <div class="text-right">点赞  168</div>
        </div>
        <div class="text-2">家庭伦理剧之喵的相处</div>
        <div class="text-3">有时候想给猫咪找个伴</div>
    </div>
</div>


<footer>
    <div class="content-2">
        <a href="../home-page/index.html" class="img-2">
        </a>
        <a href="../home-page/index.html" class="text-3">精选</a>
    </div>
    <div class="content-2">
        <a href="../classification/index.html" class="img-2">
        </a>

        <a href="../classification/index.html" class="text-3">分类</a>
    </div>
    <div class="content-2">
        <a href="../community/index.html" class="img-2">
        </a>
        <a  href="../community/index.html"class="text-3">社区</a>
    </div>
    <div class="content-2 margin-right">
        <a href="../mine/index.html" class="img-2">
        </a>

        <a href="../mine/index.html" class="text-3">我的</a>

    </div>
</footer>




























<!--<script>
    (function(){
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function (){
                var cWidth = document.documentElement.clientWidth
                    || document.body.clientWidth;
                if (!cWidth) return;
                document.documentElement.style.fontSize = 100 * (cWidth / 750) + 'px';
            };
        if (!document.addEventListener) return;
        window.addEventListener(resizeEvt, recalc, false);
        document.addEventListener('DOMContentLoaded', recalc, false);
    })();
</script>-->
</body>
</html>